<template>
    <view class="setUp">
        <Navigation backType="back" title="账号与安全" background="#fff" />
        <view class="bg ph-40">
            <view class="f ai-c h-112 jc-s-b list w-f">
                <view class="f">
                    <view class="fs-32 text-color4 mr-40">手机号</view>
                    <view class="fs-32 text-color4">{{userInfo.mobile}}</view>
                </view>
                <!-- <view class="fs-32 text-color" @click="toTelUnbind">解绑</view> -->
            </view>
           <!-- <view class="f ai-c h-112 jc-s-b list w-f">
                <view class="f">
                    <view class="fs-32 text-color4 mr-72">微信</view>
                    <view class="fs-32 text-color4">已绑定 (12****32)</view>
                </view>
                <view class="fs-32 text-color">解绑</view>
            </view> -->
        </view>
        <view class="bg ph-40 mt-20">
            <view class="f ai-c h-112 jc-s-b list w-f" @click="toLogOff">
                <view class="fs-32 text-color4">注销账号</view>
                <u-icon name="arrow-right" color="#CCCCCC" size="13"></u-icon>
            </view>
        </view>
    </view>
</template>
<script setup lang="ts">
import { ref } from 'vue';
	import { onShow } from '@dcloudio/uni-app';
	import { mypetProfile } from '@/services/api/pet';
	import Menu from './Menu.vue';
	import { useAuthStore } from '@/store/modules/auth';
	import { getBaseUrl } from '@/utils/env';
	const authStore = useAuthStore();
	const menu = ref();
	const petList = ref<any[]>([]);
	const fenList = ref<any[]>([]);
	//用户信息
	const userInfo = ref();
	onShow(async () => {
	    await authStore.getUserInfos();
	    userInfo.value = authStore.getUserInfo;
	    userInfo.value.id = authStore.getUserId;

	});
function toLogOff() {
    uni.navigateTo({
        url: '/pages_mine/logOff/index',
    });
}
function toTelUnbind() {
    uni.navigateTo({
        url: '/pages_mine/telUnbind',
    });
}
</script>
<style lang="scss" scoped>
.setUp {
    background: #f5f5f5;
    min-height: 100vh;
    .list {
        border-bottom: 1px solid #f5f5f5;
    }
    .bg {
        background: #fff;
    }
}
</style>
